Components · 109 tools

React UI component libraries

The largest section in the index. It spans headless primitives you style yourself, shadcn-style registries you copy into your project, animated component collections for landing pages, and full design systems. Previews show the components moving, which tells you more about a library's taste than its documentation does. Filter by React, Tailwind or shadcn to narrow the list.

Sort

forgeui.in

ForgeUIComponent librariesAnimated React and Tailwind components plus ready-made templates for building interfaces faster.

rewampui.com

RewampUIComponent librariesA dashboard that showcases ready-made UI components you can browse and reuse.

ui.shadcn.com

shadcn/uiComponent librariesUI components you copy directly into your own codebase instead of installing them as a package.

base-ui.com

Base UIComponent librariesUnstyled, style-ready component primitives from the makers of Radix and MUI.

radix-ui.com

RadixComponent librariesAccessible, unstyled UI primitives you can style freely when building React interfaces.

21st.dev

21st.devComponent librariesA community shadcn registry where you preview components interactively before adding them.

motion-primitives.com

Motion PrimitivesComponent librariesAnimated React components built on the Motion library for adding movement to interfaces.

reactbits.dev

React BitsComponent librariesA collection of animated, creative components to drop into your React projects.

component.gallery

Component GalleryComponent librariesA reference that gathers and compares components across different design systems.

number-flow.barvian.me

NumberFlowComponent librariesA component that smoothly animates changing numbers and works across modern frameworks.

fancycomponents.dev

Fancy ComponentsComponent librariesPlayful React components that use physics-based effects for livelier interactions.

opensourceui.in

Opensource UIComponent librariesCopy-paste React UI components and device mockups you can drop straight into projects.

ui.spectrumhq.in

Spectrum UIComponent librariesPolished UI components designed specifically for building SaaS websites.

amicro.vercel.app

AmicroComponent librariesLightweight, drop-in primitives for adding micro-animations to React interfaces.

painterly.design-tools.workers.dev

PainterlyComponent librariesArtistic canvas-based loading animations packaged as components for React.

bencho.dev

BenchoComponent librariesInteractive UI blocks whose physics you can adjust to tune exactly how they feel.

shadcnblocks.com

shadcnblocksComponent librariesThousands of clean, ready-to-use website blocks built in the shadcn style.

blocks.so

blocks.soComponent librariesOpen-source website blocks you install straight from the command line.

8bitcn.com

8bitcnComponent librariesRetro, 8-bit styled UI components ready to drop into your shadcn projects.

evilcharts.com

Evil ChartsComponent librariesAnimated SVG chart components designed to fit neatly into shadcn/ui projects.

coss.com

coss uiComponent librariesCopy-paste UI components built on top of the Base UI primitive library.

rareui.com

Rare UIComponent librariesA set of distinctive, animated UI components for building React interfaces.

beui.dev

beUIComponent librariesAnimated React components styled with Tailwind CSS for quicker interface work.

butter-nav.vercel.app

Butter NavComponent librariesA mega-menu component whose layout morphs fluidly as you move between its sections.

cult-ui.com

Cult UIComponent librariesAnimated React components powered by Framer Motion for smooth interface motion.

daisyui.com

daisyUIComponent librariesA library of component classes that extends Tailwind CSS for faster styling.

heroui.com

HeroUIComponent librariesA modern React UI component library, released earlier under the name NextUI.

kibo-ui.com

Kibo UIComponent librariesA component registry stocked with pieces tailored for building AI interfaces.

magicui.design

Magic UIComponent librariesAnimated UI components crafted specifically for building landing pages.

ui.aceternity.com

Aceternity UIComponent librariesTrendy animated components and hero sections for building eye-catching web pages.

animate-ui.com

Animate UIComponent librariesAccessible shadcn components brought to life with the Motion animation library.

flyonui.com

FlyonUIComponent librariesSemantic Tailwind CSS components, ready to use with the latest Tailwind v4.

tailgrids.com

TailGridsComponent librariesResponsive UI blocks built for quickly assembling pages with Tailwind CSS.

flowbite.com

FlowbiteComponent librariesA large component library that builds on Tailwind CSS for interface work.

hyperui.dev

HyperUIComponent librariesFree, open-source UI components you can copy into your Tailwind CSS projects.

preline.co

Preline UIComponent librariesTailwind CSS components suited to building complex dashboard interfaces.

floatui.com

Float UIComponent librariesTailwind CSS components made for assembling pages on marketing websites.

merakiui.com

Meraki UIComponent librariesTailwind CSS components that come with support for right-to-left languages.

tremor.so

TremorComponent librariesA modular set of React components for assembling full dashboard interfaces.

headlessui.com

Headless UIComponent librariesUnstyled, accessible UI components created by the team at Tailwind Labs.

basecn.dev

Base CNComponent librariesBase UI primitives repackaged to slot into the shadcn component workflow.

easyui.pro

Easy UIComponent librariesA copy-paste component library for putting interfaces together quickly.

eldoraui.site

Eldora UIComponent librariesAnimated UI components tailored for building web landing pages quickly.

velora.colorlib.com

Velora UIComponent librariesA free set of Tailwind CSS components and prebuilt page sections to reuse.

watermelon.sh

Watermelon UIComponent librariesA React component library built to fit within the shadcn ecosystem of tools.

beautifului.dev

Beautiful UIComponent librariesPolished, copy-paste UI components for building the front end of web apps.

hexter-ui.com

Hexter UIComponent librariesA tidy, clean collection of components ready to use in your shadcn projects.

lightswind.com

LightswindComponent librariesTailwind CSS components featuring lighting and glow effects for standout UI.

reverseui.com

Reverse UIComponent librariesA component library for building interfaces with React and Tailwind CSS.

smoothui.dev

Smooth UIComponent librariesMotion-rich React components you can copy straight into your own projects.

tailark.com

TailarkComponent librariesTailwind CSS page sections and components aimed at building marketing sites.

ui-layouts.com

UI LayoutsComponent librariesFull-page layouts and hero sections ready to assemble with Tailwind CSS.

kokonutui.com

Kokonut UIComponent librariesCreative, interactive UI components packaged to work in the shadcn format.

nexui.dev

Nex UIComponent librariesAn extensible UI component library aimed at teams building modern startups.

ninna-ui.dev

Ninja UIComponent librariesLightweight UI components meant to help keep websites quick and fast to load.

seraui.com

Sera UIComponent librariesReact components designed to install directly through the shadcn command-line tool.

reui.io

Re UIComponent librariesAccessible UI components built on top of the Base UI primitive library.

syntaxui.com

Syntax UIComponent librariesAnimated, copy-paste UI components for quickly putting together landing pages.

shadcn-cssinjs.com

shadcn-cssinjsComponent librariesshadcn components reworked so they fit projects that use CSS-in-JS styling.

transitions.dev

TransitionsComponent librariesA curated set of CSS transition recipes and easing curves you can reuse.

23rd.dev

23rdComponent librariesshadcn-style components available for use in both React and Svelte projects.

oneko.dhrv.pw

OnekoComponent librariesA pixel-art cat that follows your cursor around the page as a companion.

rolling.kitlangton.dev

Rolling NumberComponent librariesA React number counter that animates its digits with a smooth rolling effect.

annnimate.com

AnnnimateComponent librariesProduction-ready motion components built with the GSAP animation library.

getlayers.ai

GetLayersComponent librariesA set of AI prompts that generate cinematic-style page sections for your site.

scrit.to

ScrittoComponent librariesA component library for rolling-character text transitions you can drop into your UI.

ogimagecn.com

ogimagecnComponent librariesComponents for generating Open Graph social share images, powered by Satori.

tripwire.sh

Dither KitComponent librariesChart components rendered with dithered pixels for a retro, old-school aesthetic.

shieldcn.dev

shieldcnComponent librariesREADME badges styled to match the shadcn aesthetic for dressing up your project docs.

ui.unlumen.com

unlumen UIComponent librariesA minimalist React component library you install and add through its command line.

bearnie.dev

BearnieComponent librariesA collection of UI components built for Astro and styled with Tailwind CSS.

fluidfunctionalism.com

Fluid FunctionalismComponent librariesUI components whose motion is driven by purposeful, physics-based animation.

termcn.dev

termcnComponent librariesReact components for building terminal-style user interfaces, powered by Ink and OpenTUI.

framecn.dev

framecnComponent librariesProgrammatic video rendering for React projects, powered by Editframe.

emailcn.run

emailcnComponent librariesResponsive email components that work with React Email, MJML, and JSX Email.

startercn.vercel.app

startercnComponent librariesA ready-to-fork shadcn/ui registry starter with docs, a landing page, and agent support.

pdfcn.dev

pdfcnComponent librariesReact components for generating PDF documents, built on top of Takumi and Forme.

editorcn.vercel.app

editorcnComponent librariesDrop-in rich-text editing UI for React apps, powered by the Tiptap framework.

shadcn-labs.com

Shadcn LabsComponent librariesA collection of open-source registries and tooling for the shadcn/ui ecosystem.

frameblox.com

FramebloxComponent librariesModular sections and templates you can assemble into complete sites inside Framer.

ui.nexvyn.dev

Nexvyn UIComponent librariesPolished, drop-in UI components ready to slot into digital interfaces and apps.

gradient-spin.vercel.app

Gradient SpinComponent librariesA spinning, gradient-filled loading indicator component for React projects.

libraries.dev

Libraries.devComponent librariesA collection of UI effects and components designed to be used by AI agents.

sonaui.com

Sona UIComponent librariesAnimated React components you copy into your codebase and fully own and restyle.

text-effects.colorion.co

Colorion Text EffectsComponent librariesAnimated text effects you can copy and paste straight into your interface.

dotmatrix.zzzzshawn.cloud

Dot MatrixComponent librariesA set of over fifty dot-matrix style loading animations built for shadcn projects.

sacred.computer

SRCLComponent librariesA component kit that recreates the look of retro, DOS-era terminal interfaces.

prompt-kit.com

Prompt KitComponent librariesPrimitive components for building chat and other AI interface experiences.

shoogle.dev

ShoogleComponent librariesA search engine that indexes UI components across many different shadcn registries.

interior.dev

interior.devComponent librariesMicro-interactions carefully tuned to feel responsive the moment you click.

soundcn.xyz

soundcnComponent librariesA collection of copy-and-paste UI sound effects for adding audio to interfaces.

cuelume.dev

cuelumeComponent librariesTiny interface sound cues generated in real time with the browser's Web Audio API.

canvasui.dev

Canvas UIComponent librariesGPU-accelerated liquid physics effects and canvas shaders for rich UI visuals.

odysseyui.com

Odyssey UIComponent librariesA set of animated React components built on top of the shadcn component system.

spell.sh

Spell UIComponent librariesCarefully crafted, interactive UI components for building modern web applications.

skiper-ui.com

Skiper UIComponent librariesAnimated UI primitives designed to be composed and styled with Tailwind CSS.

devl.dev

devlComponent librariesMinimalist, experimental UI components for building modern web interfaces.

uiuno.com

UiunoComponent librariesAn AI-assisted workspace for organizing and managing your shadcn components.

vengeanceui.com

Vengeance UIComponent librariesAnimated React components built around scroll-driven interactions and effects.

sensory-ui.com

sensory-uiComponent librariesA sound-design system that adds audio feedback to shadcn/ui components.

amacro.vercel.app

AmacroComponent librariesDrop-in page-reveal animations you can add to React apps with little setup.

evilbuttons.com

Evil ButtonsComponent librariesButton components crafted to feel interactive and tactile the moment you press them.

componentry.dev

ComponentryComponent librariesCustomizable UI primitives and components for building React interfaces.

great-ui.com

Great UIComponent librariesCopy-and-paste components built with React and styled using Tailwind CSS.

ui.ruru.build

Ruru UIComponent librariesAccessible, customizable UI components for building React applications.

shadcnstudio.com

Shadcn StudioComponent librariesA library of shadcn/ui components, prebuilt blocks, and full templates.

shadcn-animated.vercel.app

Animated shadcn/uiComponent librariesMotion-powered versions of the standard shadcn/ui components for animated interfaces.

pinui.xyz

Pin UIComponent librariesDistinctive copy-and-paste components built with React and Tailwind CSS.

loading.dev

loading.devComponent librariesA lightweight library of loading indicators and spinners for React apps.

Frequently asked questions about React UI component libraries

What is the best React UI component library in 2026?

Designeer compares 109 React UI component libraries, each with a live preview, including shadcn/ui, Base UI and Radix. The best one depends on your stack, but these cover accessible primitives, animated components and Tailwind-ready building blocks.

Are these React component libraries free and open-source?

Many React component libraries are free and open-source, including shadcn/ui, Base UI and Radix. Some premium or animated UI libraries charge for advanced components, but you can build a full interface with free, open-source options.

Which component libraries work with Tailwind and shadcn/ui?

Several libraries are built for Tailwind CSS and compose cleanly with shadcn/ui, and headless primitives like Radix and Base UI handle accessibility while you style with Tailwind. Compare a few to find the component library that matches your design system.